
Daum PotPlayer Skins folder contains SkinSupport.txt file which lists Daum PotPlayer commands.

Existing *.dsf skin file needs to be unzipped to access the .png graphics file and a VideoSkin.xml file with commands.

Figure out which section of the VideoSkin.xml file contains the CmdID commands.

Example:

<Button Tooltip='Fullscreen' CmdID='CMD_FULL_WINDOW'  Left='-270' Top='-57' Width='34' Height='43' ImageLeft='0' ImageTop='4' HoriCenter='1' />


 CmdID is the button command (List of commands is fund in SkinSupport.txt file.)
 For Tooltip='Value': Value is text which appears when you hover over the button.
 Left is the horizontal location of button in relation to the central skin button.
 Top is the vertical location of button in relation to the center of the central skin button.
 Width is the actual width value of the button
 Height is the actual height value of the button
 ImageLeft is the actual horizontal value of the top left corner of the button image in the png file [the X Value] 
 ImageTop is the actual vertical value of the top left corner of the button image in the png file [the Y Value] 


Any changes made to VideoSkin.xml should be applied in VideoMore.xml if it exists.



<MainSkinAreaOscFrame Image=

			<Static Align='Bottom' State='' LeftMargin='20' RightMargin='20' ImageLeft='0' ImageTop='890' ImageWidth='410' ImageHeight='5' AltImageLeft='430' AltImageTop='890' Height='5' UsingRgn='1' />

 ImageTop is the start of the bottom border, usually 5 away from the very bottom of the image.
 ImageWidth is the horizontal length of the entire image.



 <MainSkinAreaOscInside Image= 
			<Static Align='Bottom' State='' LeftMargin='336' RightMargin='10' TopMargin='0' BottomMargin='0' ImageLeft='5' ImageTop='842' ImageWidth='400' ImageHeight='48' Height='48' >

			
 ImageLeft is the horizontal coordinate from which the image begins away from the border width, usually 5 away.
 ImageTop is the coordinate of the upper left corner of the area where the buttons are located, usually a black border line at the top part of the area where buttons are.
 Height is the distance between the upper left corner of the area where the buttons are located, usually a black border line at the top part of the area where buttons are... and the lower area where the buttons are located, usually a black border line at the bottom part of the area where buttons are, which is usually 5 away from the bottom of the image.
 ImageHeight is equivalent to Height in this case.
 ImageWidth is the horizontal distance of the area where the buttons are, not including the outer border.



Scroll down to where it says <MainSkinArea Image=
underneath, skip the part where it says Static Align='Top' State='' 
to finally get to:

			<Static Align='Bottom' State='' LeftMargin='20' RightMargin='20' ImageLeft='0' ImageTop='890' ImageWidth='410' ImageHeight='5' AltImageLeft='430' AltImageTop='890' Height='5' UsingRgn='1' />

			
For 'Bottom' State, this indicates: 

 ImageLeft is the horizontal coordinate from which the image begins. 
 ImageTop is the start of the bottom border, usually 5 away from the very bottom of the image.
 ImageWidth is the horizontal length of the entire image.

 Height is the width of the outermost frame.
 ImageWidth & ImageHeight are the distances from the lower left corner of the area where the buttons are located, usually a black border line at the bottom. 

			<Static Align='Bottom' Height='1' ImageLeft='316' ImageTop='891' AltImageLeft='746' AltImageTop='891' ImageWidth='5' ImageHeight='1' />

 ImageTop is the start of the bottom border, usually 5 away from the very bottom of the image.
 ImageWidth is the border width.

			<Static Align='Bottom' State='' LeftMargin='336' RightMargin='10' TopMargin='0' BottomMargin='0' ImageLeft='5' ImageTop='842' ImageWidth='400' ImageHeight='48' Height='48' >

 ImageTop is the coordinate of the upper left corner of the area where the buttons are located, usually a black border line at the top part of the area where buttons are.
 Height is the distance between the upper left corner of the area where the buttons are located, usually a black border line at the top part of the area where buttons are... and the lower area where the buttons are located, usually a black border line at the bottom part of the area where buttons are, which is usually 5 away from the bottom of the image.
 ImageHeight is equivalent to Height in this case.



*** There are TWO places in the file where button commands are set. ***


Left= Distances are usually from the left, unless there is a HoriCenter='1' /> at the end of the line, which then means distance from center of skin + or -.